<!DOCTYPE html>
<html lang="zh-CN" style="background: #fff;">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <title>实名认证</title>
    <script src="__CDN__/assets/user/js/rem.js"></script>
    <script src="__CDN__/assets/user/js/jquery.min.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/user/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/user/css/base.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/user/css/page.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/user/css/all.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/user/css/mui.min.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/user/css/loaders.min.css">
    <!-- <link rel="stylesheet" type="text/css" href="css/loading.css"/> -->
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/user/css/slick.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/user/css/iconfont.css">
<style>
    body {
        height: 100%;
    }
    .btn-block {
        display: block;
        width: 90%;
    }
</style>
</head>

<body style="background: #ffff;">
<!--header star-->

<!--header end-->

<div class="warp clearfloat" style="margin: 0;">
    <div class="login-top clearfloat box-s">
        <div class="ge-back"><img src="__CDN__/assets/user/picture/login.png"></div>

    </div>
</div>
<div class="tab-account" style="background: #fff;padding: 0;margin-top: 11%;">
    <div id="myTabContent" class="tab-content" style="background: #fff; padding: 0.4rem;">

            <form id="renzheng" onsubmit="return false" action="##" method="post">
                <div class="form-group login-group_re">
                    <i class="iconfont icon-zhanghao"></i>
                    <input type="text" name="name" id="name" data-rule="required;name" class="form-control inpt-form" value="{$user.real_name}" placeholder="{:__('请输入真实姓名')}">
                </div>

                <div class="form-group login-group_re">
                    <i class="iconfont icon-shoujihaoma"></i>
                    <input type="text" id="card" name="card" data-rule="required;card" class="form-control inpt-form " value="{$user.id_card_no}" placeholder="{:__('请输入身份证号')}">
                </div>

                <div class="form-group">
                    <button type="submit" onclick="cardpost()" class="btn btn-primary btn-lg btn-block">{:__('立即认证')}</button>
                </div>
            </form>

        </div>

</div>

{include file="layout/footer" /}

<script type="text/javascript">
    function cardpost() {
        $.ajax({
            type: "POST",//方法类型
            dataType: "json",//预期服务器返回的数据类型
            url: "{:url('user/idcard')}" ,//url
            data: $('#renzheng').serialize(),
            success: function (result) {
                if (result.code == 0) {
                    new NoticeJs({
                        text: result.msg,
                        position: 'middleCenter',
                        animation: {
                            open: 'animated bounceInRight',
                            close: 'animated bounceOutLeft'
                        }
                    }).show();
                }else if (result.code == 1) {
                    new NoticeJs({
                        text: result.msg,
                        position: 'middleCenter',
                        animation: {
                            open: 'animated bounceInRight',
                            close: 'animated bounceOutLeft'
                        }
                    }).show();
                }else if (result.code == 2) {
                    new NoticeJs({
                        text: result.msg,
                        position: 'middleCenter',
                        animation: {
                            open: 'animated bounceInRight',
                            close: 'animated bounceOutLeft'
                        }
                    }).show();
                }else if (result.code == 3) {
                    new NoticeJs({
                        text: result.msg,
                        position: 'middleCenter',
                        animation: {
                            open: 'animated bounceInRight',
                            close: 'animated bounceOutLeft'
                        }
                    }).show();
                }
                ;

            },
            error : function() {
                new NoticeJs({
                    text: '异常',
                    position: 'middleCenter',
                }).show();
            }
        });
    }
</script>

<script type="text/javascript" src="__CDN__/assets/user/js/jquery.min.js"></script>
<script type="text/javascript" src="__CDN__/assets/user/js/bootstrap.min.js"></script>
<!-- 密码显示隐藏 -->
<script src="__CDN__/assets/user/js/bootstrap-show-password.js"></script>

<script type="text/javascript" src="__CDN__/assets/user/js/mui.min.js"></script>
<script type="text/javascript" src="__CDN__/assets/user/js/hmt.js"></script>
<script type="text/javascript" src="__CDN__/assets/user/js/slick.js"></script>
<script type="text/javascript" src="__CDN__/assets/user/js/swiper.min.js"></script>
</body>

</html>
